﻿<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>后台管理-编辑页</title>
    <meta name="Keywords" content="">
    <meta name="description" content="" />
    <link rel="shortcut icon" href="#" />


    <link href="static/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <link href="http://www.jq22.com/jquery/font-awesome.4.6.0.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="static/app/liujb/css/base_pc.css">
    <link rel="stylesheet" type="text/css" href="static/app/liujb/css/iconfont.css">
    <link rel="stylesheet" type="text/css" href="static/slider/css/bootstrap-slider.css" />

    <link href="static/cesium/Widgets/widgets.css" rel="stylesheet" type="text/css">
    <link href="static/dragresize/dragresize.css" rel="stylesheet" type="text/css">
    <link href="static/openlayers/ol.css" rel="stylesheet" type="text/css">
    <link href="http://vjs.zencdn.net/5.0.2/video-js.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="static/app/liujb/css/powerange.css">
    <link rel="stylesheet" type="text/css" href="static/app/liujb/css/daping.css">


    <link href="static/drag-master/resize/resize.css" rel="stylesheet" />
    <style>
        .box {
            position: absolute;
            height: 50px;
            margin-bottom: 30px;
            cursor: move;
        }

        .box1 {
            top: 10px;
            width: 50px;
            background-color: red;
        }

        .box2 {
            top: 100px;
            width: 80px;
            background-color: green;
        }

        .box3 {
            top: 160px;
            width: 60px;
            background-color: yellow;
        }

        .box4 {
            top: 260px;
            width: 100px;
            background-color: gray;
        }
    </style>

</head>

<body class="edit">
    <!--header-->
    <div class="header" style="height: 60px;">
        <a class="go-back ml15" href="list.html"><i class="iconfont icon-back"></i></a>
        <span class="titleName ml10">我的工作区</span>

        <ol class="rightNav fr mr20">
            <li data='{"type":"save"}'><i class="iconfont icon-yichangjiankongicon"></i><span>保存</span></li>
            <li data='{"type":"save"}'><i class="iconfont icon-yichangjiankongicon"></i><span>异常</span></li>
            <li data='{"type":"save"}'><i class="iconfont icon-zhushi1"></i><span>帮助</span></li>
            <li data='{"type":"save"}'><i class="iconfont icon-fabu"></i><span>发布</span></li>
            <li data='{"type":"save"}'><i class="iconfont icon-dianpuyulan"></i><span>预览</span></li>
        </ol>
    </div>
    <!--header end-->
    <!-- 左侧菜单 -->
    <div class="leftNavbar">
        <span class="icon_slide" onclick="leftBarslide(this)"></span>
        <ul id="accordion" class="accordion">
            <li>
                <div class="link"><i class="fa fa-bar-chart"></i>图形图表<i class="fa fa-chevron-down"></i></div>
                <ul class="submenu clearfix">
                    <li><a href="#"><img class="draglist" data='{"type":"map3dcesiumimg"}' draggable="true" src="static/app/liujb/images/弧形柱图.png"></a><span>弧形柱图</span></li>
                    <li><a href="#"><img class="draglist" data='{"type":"map3dcesiumimg"}' draggable="true" src="static/app/liujb/images/基本柱图.png"></a><span>基本柱图</span></li>
                    <li><a href="#"><img class="draglist" data='{"type":"map3dcesiumimg"}' draggable="true" src="static/app/liujb/images/垂直胶囊柱图.png"></a><span>垂直胶囊柱图</span></li>
                    <li><a href="#"><img class="draglist" data='{"type":"map3dcesiumimg"}' draggable="true" src="static/app/liujb/images/折线区域图.png"></a><span>折线区域图</span></li>
                    <li><a href="#"><img class="draglist" data='{"type":"map3dcesiumimg"}' draggable="true" src="static/app/liujb/images/区域翻牌器.png"></a><span>区域翻牌器</span></li>
                    <li><a href="#"><img class="draglist" data='{"type":"map3dcesiumimg"}' draggable="true" src="static/app/liujb/images/垂直基本柱图.png"></a><span>垂直基本柱图</span></li>
                    <li><a href="#"><img class="draglist" data='{"type":"map3dcesiumimg"}' draggable="true" src="static/app/liujb/images/水平基本柱图.png"></a><span>水平基本柱图</span></li>
                    <li><a href="#"><img class="draglist" data='{"type":"map3dcesiumimg"}' draggable="true" src="static/app/liujb/images/水平胶囊柱图.png"></a><span>水平胶囊柱图</span></li>
                    <li><a href="#"><img class="draglist" data='{"type":"map3dcesiumimg"}' draggable="true" src="static/app/liujb/images/分组柱图.png"></a><span>分组柱图</span></li>
                    <li><a href="#"><img class="draglist" data='{"type":"map3dcesiumimg"}' draggable="true" src="static/app/liujb/images/梯形柱图.png"></a><span>梯形柱图</span></li>
                    <li><a href="#"><img class="draglist" data='{"type":"map3dcesiumimg"}' draggable="true" src="static/app/liujb/images/折线柱图.png"></a><span>折线柱图</span></li>
                    <li><a href="#"><img class="draglist" data='{"type":"map3dcesiumimg"}' draggable="true" src="static/app/liujb/images/斑马柱图.png"></a><span>斑马柱图</span></li>
                    <li><a href="#"><img class="draglist" data='{"type":"map3dcesiumimg"}' draggable="true" src="static/app/liujb/images/气泡图.png"></a><span>气泡图</span></li>
                    <li><a href="#"><img class="draglist" data='{"type":"map3dcesiumimg"}' draggable="true" src="static/app/liujb/images/基本水位图.png"></a><span>基本水位图</span></li>
                    <li><a href="#"><img class="draglist" data='{"type":"map3dcesiumimg"}' draggable="true" src="static/app/liujb/images/基本折线图.png"></a><span>基本折线图</span></li>
                    <li><a href="#"><img class="draglist" data='{"type":"map3dcesiumimg"}' draggable="true" src="static/app/liujb/images/基本饼图.png"></a><span>基本饼图</span></li>
                    <li><a href="#"><img class="draglist" data='{"type":"map3dcesiumimg"}' draggable="true" src="static/app/liujb/images/标注对比饼图.png"></a><span>标注对比饼图</span></li>
                    <li><a href="#"><img class="draglist" data='{"type":"map3dcesiumimg"}' draggable="true" src="static/app/liujb/images/带图饼图.png"></a><span>带图饼图</span></li>
                    <li><a href="#"><img class="draglist" data='{"type":"map3dcesiumimg"}' draggable="true" src="static/app/liujb/images/多维饼图.png"></a><span>多维饼图</span></li>
                    <li><a href="#"><img class="draglist" data='{"type":"map3dcesiumimg"}' draggable="true" src="static/app/liujb/images/基本雷达图.png"></a><span>基本雷达图</span></li>
                    <li><a href="#"><img class="draglist" data='{"type":"map3dcesiumimg"}' draggable="true" src="static/app/liujb/images/散点图.png"></a><span>散点图</span></li>
                    <li><a href="#"><img class="draglist" data='{"type":"map3dcesiumimg"}' draggable="true" src="static/app/liujb/images/基本款饼图.png"></a><span>基本款饼图</span></li>
                    <li><a href="#"><img class="draglist" data='{"type":"map3dcesiumimg"}' draggable="true" src="static/app/liujb/images/目标占比饼图.png"></a><span>目标占比饼图</span></li>
                    <li><a href="#"><img class="draglist" data='{"type":"map3dcesiumimg"}' draggable="true" src="static/app/liujb/images/指标对比饼图.png"></a><span>指标对比饼图</span></li>
                    <li><a href="#"><img class="draglist" data='{"type":"map3dcesiumimg"}' draggable="true" src="static/app/liujb/images/单值百分比饼图.png"></a><span>单值百分比饼图</span></li>
                    <li><a href="#"><img class="draglist" data='{"type":"map3dcesiumimg"}' draggable="true" src="static/app/liujb/images/轮播饼图.png"></a><span>轮播饼图</span></li>
                </ul>
            </li>
            <li>
                <div class="link"><i class="fa fa-map-o"></i>基础地图<i class="fa fa-chevron-down"></i></div>
                <ul class="submenu clearfix">
                    <li><a href="#"><img class="draglist" data='{"type":"chartline"}' draggable="true" src="static/app/liujb/images/map1.png"></a><span>2D平面地图</span></li>
                    <li><a href="#"><img class="draglist" data='{"type":"chartline"}' draggable="true" src="static/app/liujb/images/3D平面中国地图.png"></a><span>3D平面中国地图</span></li>
                    <li><a href="#"><img class="draglist" data='{"type":"map3dcesiumimg"}' draggable="true" src="static/app/liujb/images/map2.png"></a><span>3D球形地图</span></li>

                </ul>
            </li>
            <li>
                <div class="link"><i class="fa fa-font"></i>文字列表<i class="fa fa-chevron-down"></i></div>
                <ul class="submenu clearfix">
                    <li><a href="#"><img class="draglist" data='{"type":"scrolllisttable"}' draggable="true" src="static/app/liujb/images/轮播列表.png"></a><span>轮播列表</span></li>
                    <li><a href="#"><img class="draglist" data='{"type":"mytable"}' draggable="true" src="static/app/liujb/images/键值表格.png"></a><span>键值表格</span></li>
                    <li><a href="#"><img class="draglist" data='{"type":"mytitle"}' draggable="true" src="static/app/liujb/images/通用标题.png"></a><span>通用标题</span></li>
                    <li><a href="#"><img class="draglist" data='{"type":"marquee"}' draggable="true" src="static/app/liujb/images/跑马灯.png"></a><span>跑马灯</span></li>
                    <li><a href="#"><img class="draglist" data='{"type":"mtext"}' draggable="true" src="static/app/liujb/images/多行文本.png"></a><span>多行文本</span></li>
                    <li><a href="#"><img class="draglist" data='{"type":"carousellist"}' draggable="true" src="static/app/liujb/images/轮播列表柱状图.png"></a><span>轮播列表柱状图</span></li>
                    <li><a href="#"><img class="draglist" data='{"type":"mynumber"}' draggable="true" src="static/app/liujb/images/数字翻牌器.png"></a><span>数字翻牌器</span></li>
                    <li><a href="#"><img class="draglist" data='{"type":"carousellist"}' draggable="true" src="static/app/liujb/images/条形占比图.png"></a><span>条形占比图</span></li>
                    <li><a href="#"><img class="draglist" data='{"type":"statecard"}' draggable="true" src="static/app/liujb/images/状态卡片.png"></a><span>状态卡片</span></li>
                    <li><a href="#"><img class="draglist" data='{"type":"carousellist"}' draggable="true" src="static/app/liujb/images/文字标签.png"></a><span>文字标签</span></li>
                    <li><a href="#"><img class="draglist" data='{"type":"carousellist"}' draggable="true" src="static/app/liujb/images/关系图.png"></a><span>关系图</span></li>
                </ul>
            </li>

            <li>
                <div class="link"><i class="fa fa-cubes"></i>辅助图形<i class="fa fa-chevron-down"></i></div>
                <ul class="submenu clearfix">
                    <li><a href="#"><img class="draglist" data='{"type":"carousellist"}' draggable="true" src="static/app/liujb/images/自定义背景块.png"></a><span>自定义背景块</span></li>
                    <li><a href="#"><img class="draglist" data='{"type":"carousellist"}' draggable="true" src="static/app/liujb/images/边框.png"></a><span>边框</span></li>
                    <li><a href="#"><img class="draglist" data='{"type":"carousellist"}' draggable="true" src="static/app/liujb/images/装饰.png"></a><span>装饰</span></li>
                    <li><a href="#"><img class="draglist" data='{"type":"carousellist"}' draggable="true" src="static/app/liujb/images/iframe.png"></a><span>iframe</span></li>
                    <li><a href="#"><img class="draglist" data='{"type":"carousellist"}' draggable="true" src="static/app/liujb/images/单张图片.png"></a><span>单张图片</span></li>
                    <li><a href="#"><img class="draglist" data='{"type":"carousellist"}' draggable="true" src="static/app/liujb/images/时间轴.png"></a><span>时间轴</span></li>
                    <li><a href="#"><img class="draglist" data='{"type":"carousellist"}' draggable="true" src="static/app/liujb/images/词云.png"></a><span>词云</span></li>
                    <li><a href="#"><img class="draglist" data='{"type":"carousellist"}' draggable="true" src="static/app/liujb/images/轮播图.png"></a><span>轮播图</span></li>
                    <li><a href="#"><img class="draglist" data='{"type":"carousellist"}' draggable="true" src="static/app/liujb/images/tab列表.png"></a><span>tab列表</span></li>
                    <li><a href="#"><img class="draglist" data='{"type":"timerlabel"}' draggable="true" src="static/app/liujb/images/时间器.png"></a><span>时间器</span></li>
                    <li><a href="#"><img class="draglist" data='{"type":"videoplayer"}' draggable="true" src="static/app/liujb/images/视频.png"></a><span>视频</span></li>
                </ul>
            </li>



            <li>
                <div class="link"><i class="fa fa-joomla"></i>图层管理<i class="fa fa-chevron-down"></i></div>
                <ul id="layers" class="submenu clearfix"></ul>
            </li>
        </ul>
    </div>
    <!-- 左侧菜单end -->
    <!-- 右侧菜单 动态加载-->
    <div class="pageSetbox">
        <span class="icon_slide" onclick="rightBarslide(this)"></span>
        <div class="loadbox"></div>
    </div>
    <!-- 右侧菜单end -->
    <!-- 中间工作区 -->
    <div id="workbox" class="workbox">
        <div class="workCenter">
            <div id="workcenter" class="workCenter1"  style="position:absolute;border:1px dotted ">
                <div id="dm1" class="box box1"></div>
                <div id="dm2" class="box box2"></div>
                <div id="dm3" class="box box3"></div>
                <div id="dm4" class="box box4">
                    <div class="resize-box">
                        <div class="resize resize-line line-xt">
                            <div class="line-middle-dot"></div>
                        </div>
                        <div class="resize resize-line line-xb">
                            <div class="line-middle-dot"></div>
                        </div>
                        <div class="resize resize-line line-yl">
                            <div class="line-middle-dot"></div>
                        </div>
                        <div class="resize resize-line line-yr">
                            <div class="line-middle-dot"></div>
                        </div>
                        <div class="resize resize-dot dot-lt"></div>
                        <div class="resize resize-dot dot-rt"></div>
                        <div class="resize resize-dot dot-lb"></div>
                        <div class="resize resize-dot dot-rb"></div>
                    </div>
                </div>
                <div id="dm5" class="box box3"></div>
            </div>
        </div>
    </div>
    <!-- 中间工作区 end-->
    <!-- 底部滑块 -->
    <div class="controlPanel">
        <div class="slider-wrapper">
            <input type="text" class="js-min-max-start" />
        </div>
    </div>


    <script type="text/javascript" src="static/jquery/jquery-2.1.4.min.js"></script>
    <script type="text/javascript" src="static/underscore/underscore-min.js"></script>
    <script type="text/javascript" src="static/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="static/mustache/mustache.min.js"></script>
    <script type="text/javascript" src="static/moment/moment.min.js"></script>
    <script type="text/javascript" src="static/cesium/Cesium.js"></script>
    <script type="text/javascript" src="static/openlayers/ol.js"></script>
    <script type="text/javascript" src="static/echarts/echarts.min.js"></script>
    <script type="text/javascript" src="static/slider/bootstrap-slider.js"></script>
    <script type="text/javascript" src="static/myscroll/myscroll.js"></script>
    <script type="text/javascript" src="static/html2canvas/html2canvas.min.js"></script>
    <script type="text/javascript" src="static/app/js/pub.js"></script>

    <script type="text/javascript" src="http://vjs.zencdn.net/5.0.2/video.js"></script>
    <script type="text/javascript" src="widget/comm/carousellist.js"></script>
    <script type="text/javascript" src="widget/comm/playbar.js"></script>
    <script type="text/javascript" src="widget/map/map3dcesiumimg.js"></script>
    <script type="text/javascript" src="widget/map/map2dolimg.js"></script>
    <script type="text/javascript" src="widget/chart/chartline.js"></script>
    <script type="text/javascript" src="widget/other/videoplayer.js"></script>
    <script type="text/javascript" src="widget/other/timerlabel.js"></script>
    <script type="text/javascript" src="widget/list/keyvaluetable.js"></script>
    <script type="text/javascript" src="widget/list/scrolllisttable.js"></script>
    <script type="text/javascript" src="widget/list/mtext.js"></script>
    <script type="text/javascript" src="widget/list/marquee.js"></script>
    <script type="text/javascript" src="widget/list/mynumber.js"></script>
    <script type="text/javascript" src="widget/list/mytitle.js"></script>
    <script type="text/javascript" src="widget/list/mytable.js"></script>


    <script type="text/javascript" src="widget/list/statecard.js"></script>


    <script src="static/dragresize/dragresize.js"></script>
    <script type="text/javascript" src="static/app/liujb/js/iconfont.js"></script>
    <script type="text/javascript" src="static/app/liujb/js/layer/layer.js"></script>
    <script type="text/javascript" src="static/app/liujb/js/nav.js"></script>
    <script type="text/javascript" src="static/app/liujb/js/powerange.min.js"></script>
    <script type="text/javascript" src="static/app/liujb/js/daping.js"></script>

    <script type="text/javascript" src="static/app/js/pans/paneditor1.js"></script>

    <script>


    </script>
</body>
</html>
